<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test</title>
    <style type="text/css">
        span{
            color:yellow;
            font-size: 30px;
        }
        a:link{
            color:red;
            font-size:24px;
            /*
            优先级：从前往后
            */
            font-family: '华文新魏',Ebrima;
            text-decoration:none;
        }
        a:hover{
            color:green;
            font-size:40px;
            font-family:'宋体';
        }
        p{
            font-weight: bold;
            background-color: #999999;
            width:100px;
        }
        p.te1{
            text-decoration-line: underline;
        }
    </style>
</head>
<body>
<span>排行榜</span>
<!--
如果我们的href=“#”，表示跳转到本页面
-->
<p><a href="#">宋江</a></p>
<p>卢俊义</p>
<p class="te1">吴用</p>
<p>豹子头</p>
<p>大刀关胜</p>
</body>
</html>